<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!-- build:css /css/main.css -->
		<link href="/css/mui.css" rel="stylesheet" />
		<link href="/css/iconfont.css" rel="stylesheet" />
		<link href="/css/common.css" rel="stylesheet" />
		<!-- endbuild -->
		<style>
			.mui-content {
				height: auto;
			}
			
			.mui-table-view {
				font-size: 12px;
			}
			
			.mui-table-view-cell .mui-badge-t {
				position: absolute;
				top: 50%;
				right: 15px;
				line-height: 0px;
			}
			
			.mui-btn-block {
				padding: 10px 0;
				background-color: #e93429;
			}
		</style>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav u-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">支付订单</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="zj">
				实付：
				<font id="countMoney">0.00</font>
			</a>
			<a class="zj-btn">立即支付</a>
		</nav>
		<div class="mui-content">
			<div class="mui-scroll-wrapper" id="pullrefresh">
				<div class="mui-scroll">
					<ul class="mui-table-view" style="margin-top:45px;">

						<li class="mui-table-view-cell">订单编号<span class="mui-badge-t orderNo"></span></li>
						<li class="mui-table-view-cell">快递方式<span class="mui-badge-t shipping"></span></li>
						<li class="mui-table-view-cell">支付方式<span class="mui-badge-t paytype">支付宝</span></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="forms"></div>

		<!-- build:js /js/vendor.js -->
		<script src="/js/mui.min.js"></script>
		<!-- bower:js -->
		<script src="/bower_components/mockjs/dist/mock.js"></script>
		<script src="/bower_components/zepto/zepto.js"></script>
		<script src="/bower_components/Zepto-Cookie/zepto.cookie.js"></script>
		<!--  endbower -->
		<!-- endbuild -->
		<!-- build:js /js/main.js -->
		<script src="/js/common.js"></script>
		<script src="/js/app.js"></script>
		<!-- endbuild -->
		<script>
			(function(mui, doc) {

				mui('#pullrefresh').scroll({
					deceleration: 0.0005
				});
		var orderNo = localStorage.getItem('order_no');
		var logistics_name = localStorage.getItem('logistics_name');
		var paymoney = localStorage.getItem('paymoney');
				mui.ready(function() {
					$('.orderNo').html(orderNo)
					$('.shipping').html(logistics_name)
					$('#countMoney').html(paymoney)

					$("body").on('tap', '.zj-btn', function() {
						$.ajax({
							url: __BATE__ + 'api/zfbPay',
							data: {order_no:orderNo},
							type: 'post',
							success: function(json) {
								if(json.ret_msg == '支付宝调用成功'){
									$('#forms').html(json.html)
								}else{
									stip(json.ret_msg)
								}
							},
							error: function() {
								serverErr();
							}
					});

				});
				})
			}(mui, document));
		</script>
	</body>

</html>